<html xmlns="http://www.w3c.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
    </h:head>
    <h:body> 
        <ui:composition>
           
            <p:tabView orientation="right" id="tablasAdmin">  
                    <p:tab title="Playas">  
                        <p:dataTable id="dataTable1" var="playa" value="#{controlplayas.playas}" 
                                     scrollHeight="150" scrollable="true" resizableColumns="true">
                            <p:column headerText="fecha"> 
                                <h:outputText value="#{playa.nombre}" />  
                            </p:column>  
                            <p:column headerText="Ubicacion">  
                                <h:outputText value="#{playa.ubicacion}" />  
                            </p:column>  
                            <p:column headerText="descripcion"> 
                                <h:outputText value="#{playa.descripcion}" />  
                            </p:column>  
                            <p:column headerText="Longitud"> 
                                <h:outputText value="#{playa.longitud}" />  
                            </p:column>  
                            <p:column headerText="Area">
                                <h:outputText value="#{playa.area}" />  
                            </p:column>  
                            <p:column headerText="Zona Seca">
                                <h:outputText value="#{playa.anchoSeco}" />  
                            </p:column>  
                            <p:column headerText="Zona Sumergida">
                                <h:outputText value="#{playa.anchoSumergido}" />  
                            </p:column> 
                        </p:dataTable>  
                    </p:tab> 
                    <p:tab title="Punto de Muestreo">
                        <p:dataTable id="dataTable2" var="Punto" value="#{controlPuntoMuestreo.puntosMuestreo}" 
                                     scrollHeight="150" scrollable="true" resizableColumns="true">
                            <p:column headerText="Codigo" style="width:100px"> 
                                <h:outputText value="#{Punto.codigo}" />  
                            </p:column> 
                            <p:column headerText="Descripcion" style="width:100px" >  
                                <h:outputText value="#{Punto.descripcion}" />  
                            </p:column> 
                            <p:column headerText="Playa" style="width:100px" > 
                                <h:outputText value="#{Punto.playa.nombre}" />  
                            </p:column>  

                        </p:dataTable>
                    </p:tab>  
                    <p:tab title="Parametros">


                        <h:outputText value="Buscar Por Tipo: " />  
                        <p:selectOneMenu value="#{controlParametros.tipo}" >  
                            <f:selectItem itemLabel="in Situ" itemValue="in situ" />  
                            <f:selectItem itemLabel="Laboratorio" itemValue="Laboratorio"/>  
                            <f:selectItem itemLabel="Microbiologicos" itemValue="Microbiologicos" /> 
                            <h:inputHidden id="buscparametro" value="#{controlParametros.tipo}" />
                            <p:ajax update="buscparametro,tabla" listener="#{controlParametros.mostrar()}"   /> 
                        </p:selectOneMenu>  

                        <h:form id="tabla">
                            <p:dataTable id="dataTable3" var="Para" value="#{controlParametros.listaparametros}" 
                                         scrollHeight="150"  scrollable="true" resizableColumns="true">
                                <p:column headerText="Codigo" style="width:100px" > 
                                    <h:outputText value="#{Para.codigo}" />  
                                </p:column> 
                                <p:column headerText="Descripcion" style="width:100px" >  
                                    <h:outputText value="#{Para.descripcion}" />  
                                </p:column> 
                                <p:column  filterBy="#{Para.tipo}"   
                                           sortBy="#{Para.tipo}"
                                           headerText="Tipo" 
                                           style="width:100px">    
                                    <h:outputText value="#{Para.tipo}" />  
                                </p:column>  

                            </p:dataTable>
                        </h:form>
                    </p:tab>

                    <p:tab title="CAtegorias">
                        <p:dataTable id="dataTable4" var="categoria" value="#{controlCategoria.listacategoria}" 
                                     scrollHeight="150" scrollable="true" style="word-spacing:100px" resizableColumns="true">
                            <p:column headerText="Codigo" style="width:100px" > 
                                <h:outputText value="#{categoria.codigo}" />  
                            </p:column>
                            <p:column headerText="Nombre" style="width:100px"> 
                                <h:outputText value="#{categoria.nombre}" />  
                            </p:column>
                            <p:column headerText="Descripcion" style="width:100px">  
                                <h:outputText value="#{categoria.descripcion}" />  
                            </p:column> 
                        </p:dataTable>

                    </p:tab>

                </p:tabView> 
                <p:dialog widgetVar="RegistrarPlayas" modal="true" resizable="false" showEffect="clip" hideEffect="clip" >
                    <ui:insert name="fotoprincipal1"><ui:include id="act1" src="#{controlOpnciones.url1}" /></ui:insert>
                </p:dialog>
                <p:dialog widgetVar="GestionParametros" modal="true" resizable="false" showEffect="clip" hideEffect="clip" >
                    <ui:insert name="fotoprincipal2"><ui:include id="act2" src="#{controlOpnciones.url4}" /></ui:insert>
                </p:dialog> 
                <p:dialog widgetVar="GestionPnuestreo" modal="true" resizable="false" showEffect="clip" hideEffect="clip" >
                    <ui:insert name="fotoprincipal3"><ui:include id="act3" src="#{controlOpnciones.url2}" /></ui:insert>
                </p:dialog> 
                <p:dialog widgetVar="GestionResiduos" modal="true" resizable="false" showEffect="clip" hideEffect="clip" >
                    <ui:insert name="fotoprincipal4"><ui:include id="act4" src="#{controlOpnciones.url5}" /></ui:insert>
                </p:dialog> 
                <p:dialog widgetVar="GestionCategoria" modal="true" resizable="false" showEffect="clip" hideEffect="clip" >
                    <ui:insert name="fotoprincipal5"><ui:include id="act5" src="#{controlOpnciones.url3}" /></ui:insert>
                </p:dialog>

                <p:stack icon="Imagenes/stack.png" widgetVar="d" >  
                    <p:menuitem value="Categorias" icon="Imagenes/imenuplayaM.png"  onclick="GestionCategoria.show()" />  
                    <p:menuitem value="Residuos" icon="Imagenes/imenupuntoM.png"  onclick="GestionResiduos.show()"/>  
                    <p:menuitem value="Punto De muestreo" icon="Imagenes/icategorias.png"  onclick="GestionPnuestreo.show()"/>  
                    <p:menuitem value="parametros" icon="Imagenes/iresiduos.png" onclick="GestionParametros.show()" />  
                    <p:menuitem value="Playas" icon="Imagenes/parametros.png"  onclick="RegistrarPlayas.show()" />  
                </p:stack> 
           
        </ui:composition>
    </h:body>
</html>